<template>
	<view>
		<view class="servic_box" v-for="item in err" :key="item">
			<view>
				<image class="servic_img" src="../../static/icons/common/icon_tab_mine_s@3x.png"></image>
			</view>
			<view class="servic_text">
				<view class="servic_text1">{{item.name}}</view>
				<view class="servic_text2" v-for="item in item.text" :key="item._id">{{item.texta}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				err: [{
					name: '你好这里是蜗牛养车客服小蜗很高兴为您服务(*´▽｀)ノノ',
					text: [{
							_id: '1',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '2',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '3',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '4',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '5',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '6',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '7',
							texta: '【我需要了解保养流程】'
						},
						{
							_id: '8',
							texta: '【我需要了解保养流程】'
						}
					]
				}]
			}
		}
	}
</script>

<style>
	.servic_box {
		display: flex;
		padding: 92rpx 30rpx 0 30rpx;
		justify-content: space-between;
	}

	.servic_img {
		width: 86rpx;
		height: 86rpx;
		background-color: #FFFFFF;
		border-radius: 50%;
	}

	.servic_text {
		width: 560rpx;
		height: 684rpx;
		margin: 20rpx;
		box-sizing: border-box;
		background-color: #FFFFFF;
	}

	.servic_text1 {
		width: 476rpx;
		height: 80rpx;
		font-family: PingFang SC;
		font-size: 28rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 40rpx;
		letter-spacing: 0rpx;
		color: #232323;
		padding: 10rpx 0;
	}

	.servic_text2 {
		width: 308rpx;
		height: 40rpx;
		font-family: PingFang SC;
		font-size: 28rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 40rpx;
		letter-spacing: 0rpx;
		color: #f5610c;
	}
</style>
